<script lang="ts" setup>
const activities = [
  {
    content: 'We Learn 团队成立',
    timestamp: '2025-2-23',
  },
  {
    content: '团队开始规划完成 视频播放 项目',
    timestamp: '2025-2-25',
  },
  {
    content: 'Update Now',
    timestamp: '2025-3-15',
  },
]
import Head from "@/components/Head.vue";
</script>

<template>
  <Head/>
  <div class="background">
    <h1 style="color: white;margin-left: 700px">
      We learn
    </h1>
    <h2 style="color: white;">"We
      Learn"团队是一个专注于教育创新和科技融合的多元化专业团队。我们致力于通过先进的技术手段和科学的教学方法，为学习者提供高效、便捷的学</h2>
    <h2 style="color: white;">习体验。自成立以来，我们始终坚持“赋能心灵，构建未来”的使命，为无数学习者开启了知识的大门</h2>
  </div>
  <h1>时间线</h1>
  <el-timeline style="max-width: 600px;margin-top: 50px">
    <el-timeline-item
      v-for="(activity, index) in activities"
      :key="index"
      :timestamp="activity.timestamp"
    >
      {{ activity.content }}
    </el-timeline-item>
  </el-timeline>
  <h1>团队风采</h1>
  <img class="img" src="@/assets/imgs/user.png" alt="">
</template>

<style scoped>
.background {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-image: url('@/assets/imgs/introduction.png');
  background-repeat: no-repeat;
  height: 440px;

}
.img{
  width: 30%;
  object-fit: contain
}
</style>
